<template>
	<view id="app">
		
		<!-- 产品 -->
		<view class="bw">
			<view class="df dfsb w93p mauto ptb30">
				<image src="/static/2867.png" class="wh200 br4"></image>
				<view class="f30 c333 w67p lh45">
					<view class="t2hd fwb">95新 华为Mate Xs/mate X2 5G折叠屏手机</view>
						<view class="c666 f26">快递物流</view>
						<view class="f30 fwb cFF9646">￥3000</view>
				</view>
			</view>
		</view>
		
		<!-- 投标商家列表 -->
		<view class="mt30 w93p mauto">
			<view class="f34 c666 fwb">投标商家列表</view>
			
			<!-- for -->
			<view class="mt30 bw br4" @click="details">
				<view class="mlr20 df ptb30 dfsb bdb1sE">
					<image src="/static/logo.png" class="wh90 br100"></image>
					<view class="w80p">
						<view class="df dfsb aic lh50">
							<text class="f34 c333 fwb">神州通信器材</text>
							<text class="cFF9646 f30">已成交</text>
							<text class="cFF9646 f30">未成交</text>
						</view>
						<view class="lh45 mt10 c666 f28">投标时间：2021-10-20  15:20<br/>待支付 已结束</view>
						<view class="cFF9646 f30 fwb mt10">保证金：￥300.00</view>
						
					</view>
				</view>
				<view class="mt20 mlr20 df dfr aic lh60 fww tac f28">
					<view class="c666 w140 bd1sa br4 ml20 mb20" @click="details">查看详情</view>
					<view class="c666 w140 bd1sa br4 ml20 mb20" @click.stop="but(1)">联系商家</view>
					<view class="c333 plr20 bDFF6D9 br4 ml20 mb20"@click.stop="but(3)">修改保证金</view>
					<view class="c333 w140 bDFF6D9 br4 ml20 mb20" @click.stop="but(2)">确认合作</view>
				</view>
			</view>
			
		</view>
		
		
		<view class="w93p mauto mt30 bw ptb70 tac c999 f34 br4">
			<image src="/static/none.png" class="wh250"></image><br/>
			暂无商家投标
			<view class="ptb70 mt100"></view>
		</view>
		
		
		<uni-popup ref="popup" type="bottom">
			<view class="bw mb70p w90p mauto br10 ptb50">
				<view class="tac f34 lh70 c333">
					只能选择一个商家合作，<br/>
					确认与商家 XXX 合作吗？<br/>
					若是确认无误，则请输入保证金（元）
				</view>
				
				<view class="bdb1sE mt30 df dfsb aic w65p mauto ptb10">
					<image src="/static/1706.png" class="wh30"></image>
					<input type="number" class="w85p"/>
				</view>
				
				<view class="df mt50 dfsb aic c999 f34 w65p mauto tac lh80">
					<view class="w45p bd1s br10" @click="$refs.popup.close()">取消</view>
					<view class="w45p c333 bDFF6D9 br10" @click="confirm">确认</view>
				</view>
				
			</view>
		</uni-popup>
		
		<view class="ptb50"></view>
	</view>
</template>

<script>
	
	// 定义全局变量
	var that;
	
	// 默认
	export default {
		
		// 定义页面变量
		data() {
			
			return {
				
				// 建立页面参数
				param:{},
				
				// 建立页面变量
				pages:{
					
					
					
				},
				
				// 建立页面数据
				info:{},
				
			}
			
		},
		
		// 获取后
		onLoad() {
			
			// 赋值
			that = this ;
			
		},
		
		// 显示后
		onShow() {
			
		},

		// 方法列表
		methods: {

			details(){
				uni.navigateTo({
					url:'/pages/my/details?title=' + '投标商家详情',
				})
			},
			
			// 1联系商家 2确认合作 3修改保证金
			but(e){
				if(e == 1){
					
					return
				}
				
				if(e == 2){
					
					that.$refs.popup.open();
					return
				}
				if(e == 3){
					
					return
				}
			},

			// 确定
			confirm(){
				that.$refs.popup.close();
			},
			
		},

	}
</script>

<style>


</style>
